<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <jsp:include page="../header.jsp"></jsp:include>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">实时消息</h1>
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">详情</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-loop"></span>
        <span class="mui-tab-label">开机</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-close"></span>
        <span class="mui-tab-label">关机</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-arrowthindown"></span>
        <span class="mui-tab-label">强冲</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-plus"></span>
        <span class="mui-tab-label">充值1升</span>
    </a>
</nav>
</body>
<jsp:include page="../footer.jsp"></jsp:include>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
</script>
</html>